/*-----------------------------------------------------------------------------
  LINH & TEXT COLOR
-----------------------------------------------------------------------------*/
a, .link, input { cursor: pointer; text-decoration: none; border: none; }
.link:hover, .link:active, .link:focus { outline: 0; }
.linkHoverUnderline:hover { text-decoration: underline; }
.blueColor, .blueHover:hover { color: #3C5CA9; } /* main blue color */
.blueBg { background-color: #3C5CA9; }
.grayColor, .grayHover:hover { color: #58595B; }
.lightGrayColor { color: #A7A9AC; }
.darkGrayColor { color: #414042; }

.color99, .color99Hover:hover { color: #F6931E; } /* orange color */
.blackColor, .blackHover:hover { color: #000; }
.blackBg { background-color: #000; }
.whiteColor, .whiteHover:hover, .whiteHover:active, .whiteHover:visited, .whiteHover:link { color: #FFF; }
.errorColor { color: #FF0000; } /* red color */
/*-----------------------------------------------------------------------------
  .LINH & TEXT COLOR
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  MY ICONS
-----------------------------------------------------------------------------*/
.leicon-flag { display: inline-block; width: 23px; height: 16px; background-image: url(images/icons_flag.jpg); }
.leicon-flag-vi { background-position: 0 0; }
.leicon-flag-en { background-position: -23px 0; }

.leicon-48 { display: inline-block; width: 48px; height: 48px; background: url(images/icons_48_blue_theme.png) 0 0; }
.leicon-48-i1 { background-position: 0 0; }
.leicon-48-i2 { background-position: -48px 0; }
.leicon-48-i3 { background-position: -96px 0; }
.leicon-48-i4 { background-position: -144px 0; }
.leicon-48-i5 { background-position: -192px 0; }
.leicon-48-i6 { background-position: -240px 0; }
.leicon-48-i7 { background-position: -288px 0; }
.leicon-48-i8 { background-position: -336px 0; }
.leicon-48-i9 { background-position: -384px 0; }

.leicon-social { display: inline-block; width: 32px; height: 32px; background: url(images/icons_social.png) 0 0; }
.leicon-social-facebook { background-position: 0 0; }
.leicon-social-skype { background-position: -32px 0; }
.leicon-social-youtube { background-position: -64px 0; }
.leicon-social-yahoo { background-position: -96px 0; }
/*-----------------------------------------------------------------------------
  .MY ICONS
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  MY BUTTONS
-----------------------------------------------------------------------------*/
.btn-lestyle-1 { background-color: #3C5CA9; color: #fff; font-weight: 900; }
.btn-lestyle-1:hover, .btn-lestyle-1:focus, .btn-lestyle-1:visited { color: #fff; text-decoration: underline; }
/*-----------------------------------------------------------------------------
  .MY BUTTONS
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  UNORDER LIST
-----------------------------------------------------------------------------*/
.ulNone {
    list-style: none;
    margin: 0;
}
.ulNone li {
    position: relative;
    padding-left: 15px; margin-left: 0;
    line-height: 120%;
}
.ulMargin_3 li { margin-bottom: 3px;}
.ulMargin_5 li { margin-bottom: 5px;}
.ulMargin_10 li { margin-bottom: 10px;}

.bullet {
    position: absolute; top: 4px; left: 0;
    display: inline-block; width: 13px; height: 13px;
    background: url(images/bullets.png) no-repeat top left;
}

.bullet-1 { background-position: 0 0; }
li:hover .bullet-1 { background-position: 0 -13px; }
.bullet-2 { background-position: -13px 0; }
li:hover .bullet-2 { background-position: -13px -13px; }
.bullet-3 { background-position: -26px 0; }
li:hover .bullet-3 { background-position: -26px -13px; }
.bullet-4 { background-position: -39px 0; }
li:hover .bullet-4 { background-position: -39px -13px; }

.perfectScroll { overflow: hidden; position: relative; }
/*-----------------------------------------------------------------------------
  .UNORDER LIST
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  HEADING
-----------------------------------------------------------------------------*/
.blockHeight5 { clear: left; height: 5px; }
.blockHeight10 { clear: left; height: 10px; }
.blockHeight15 { clear: left; height: 15px; }
.blockHeight20 { clear: left; height: 20px; }
.blockHeight30 { clear: left; height: 30px; }
.blockHeight40 { clear: left; height: 40px; }
.blockHeight50 { clear: left; height: 50px; }
/*-----------------------------------------------------------------------------
  .HEADING
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  TABLE
-----------------------------------------------------------------------------*/
table { width: 100%; }
table td, table th { border: 1px solid #0dae4b; padding: 3px; }
table th { background-color: #0dae4b; color: #fff; text-align: center; }
table tr.even td { background-color: #fcfcfc; }

table.tableNone td { padding: 0; border: none; }
/*-----------------------------------------------------------------------------
  .TABLE
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  BOXES
-----------------------------------------------------------------------------*/
.box-header span, .box-header h3, .box-content img { float: left }
.box-header h3 { margin: 20px 0 0 10px; }
.box-content h4, .box-content .date { margin-bottom: 5px; }
.box-content img.have-float { margin-right: 10px; max-width: 140px; }
.box-content p { font-style: italic; }
.box-content .date { font-size: 12px; }
.box-content p.summary { font-weight: 900; }
.box-content .ulNone { padding: 0; }
.box-content img, .box-content .summary { cursor: pointer; }
.box-content-hinhanh img { width: 71px; opacity: 0.7; }
.box-content-hinhanh a:hover img { opacity: 1; }
/*-----------------------------------------------------------------------------
  .BOXES
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  TOP MENU
-----------------------------------------------------------------------------*/
.navbar-default {
background-image: none; box-shadow: none; border-radius: 0; border-width: 0;
background-color: transparent;
}
.navbar { margin-bottom: 0; }
.navbar-default .navbar-nav > li > a { color: #939598; font-size: 16px; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus
{ color: #3C5CA9; background-color: transparent; }
.navbar-default .navbar-nav > .active > a {
background-image: none; box-shadow: none; border-radius: 0; border-width: 0;
background-color: transparent;
color: #3C5CA9;
}
.top-menu-header-line { margin-top: 70px; }
/*-----------------------------------------------------------------------------
  .TOP MENU
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  MAIN BANNER
-----------------------------------------------------------------------------*/
.main-banner { position: relative; }
.main-banner-content-wrapper { height: 400px; }
.main-banner-middle-line {
    width: 30px; height: 400px;
    position: absolute; top: 0; left: 765px;
}
.main-banner-arrow {
    width: 50px; height: 400px;
    background: url(images/main-banner-arrow.png) no-repeat 0 0;
    position: absolute; top: 0; left: 720px;
    z-index: 120;
}
.main-banner-footer-line {
    width: 402px; height: 4px;
    background: url(images/main-banner-footer-line.png) no-repeat 0 0;
    position: absolute; top: 350px; right: 0;
}
.main-banner-control {
    width: 350px; height: 50px;
    position: absolute; top: 350px; right: 25px;
}
.main-banner-control div { margin-top: 15px; }
.main-banner-control span {
  display: inline-block; width: 10px; height: 10px; line-height: 10px;
  margin: 0 3px; cursor: pointer;
  background-image: url(images/banner_circle.png); color: #bbbdc0;
}
.main-banner-control span.cycle-pager-active { background-position: -10px 0; color: #fff; }
.main-banner-content { padding-right: 10px; }
/*-----------------------------------------------------------------------------
  .MAIN BANNER
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  NEWSLETTERS
-----------------------------------------------------------------------------*/
.cat-container { position: relative; }
.cat-row img, .cat-row p { cursor: pointer; }
.cat-row img { float: left; margin-right: 10px; max-width: 220px; }
.cat-row p { font-weight: 900; font-style: italic; }
.cat-row .date, .cat-content .date { font-style: italic; }
.cat-breadcrumbs {
  position: absolute; top: 35px; right: 20px;
  font-style: italic; font-size: 12px;
}
/*-----------------------------------------------------------------------------
  .NEWSLETTERS
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  VIDEO
-----------------------------------------------------------------------------*/
.box-video h4, .box-video p, .box-video img { margin-bottom: 0; }
.box-video .date { font-style: italic; }
/*-----------------------------------------------------------------------------
  .VIDEO
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  IFRAME
-----------------------------------------------------------------------------*/
.dialog-frame .modal-dialog { width: 800px; }
/*-----------------------------------------------------------------------------
  .IFRAME
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  MISCELLANEOUS
-----------------------------------------------------------------------------*/
#scrollTop {
    display: none; position: fixed;
    bottom: 5px; right: 25px;
    width: 48px; height: 48px;
    background-image: url(images/scroll_top_icon.png);
    cursor: pointer;
}
/*-----------------------------------------------------------------------------
  .MISCELLANEOUS
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  OVERWRITE BOOTSTRAP
-----------------------------------------------------------------------------*/
table.table-condensed th { background-color: transparent; color: #000; text-align: center; }
/*-----------------------------------------------------------------------------
  .OVERWRITE BOOTSTRAP
-----------------------------------------------------------------------------*/